<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,user-scalable=0"
    />
    <title>欧莱雅(中国) 618天猫战报</title>
    <link href="./css/swiper.min.css" rel="stylesheet" />
    <link href="./css/default.css?v=11" rel="stylesheet" />
    <!-- 顶部遮罩层 -->
    <link href="./css/bodyMask.css?v=11" rel="stylesheet" />
    <link href="./css/index.css?v=11" rel="stylesheet" />
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/anime.min.js"></script>
    <script type="text/javascript" src="./js/swiper.min.js"></script>
    <script
      type="text/javascript"
      src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"
    ></script>
    <script type="text/javascript" src="./js/share.js?v=11"></script>
    <script type="text/javascript" src="./js/index.js?v=11"></script>
  </head>

  <body onload="loaded()">
    <div id="bodyMask">
      <div class="blank"></div>
      <img class="bgc" src="./img/bgc.jpg?v=11" onload="loadMask()" />
      <div class="mask-container">
        <div class="mask-logo-container">
          <img
            class="bglogo"
            src="./img/Loading.gif?v=11"
            onload="loadMask()"
          />
          <img
            class="mask-logo"
            src="./img/loreal_logo.png?v=11"
            onload="loadMask()"
          />
        </div>
        <div class="loading display-b">
          <div class="loading-container">
            <span class="percent">0</span>% &nbsp;Loading...
          </div>
        </div>
      </div>
    </div>
    <div class="sound">
      <audio
        style="display: none"
        id="audio"
        loop="loop"
        autoplay="autoplay"
        preload="auto"
      >
        <source src="./music/tmall.mp3?v=11" type="audio/mpeg" />
      </audio>
      <img
        onerror="imgError(this)"
        src="./img/soundon.png?v=11"
        width="100%"
        class="soundon"
      />
      <img
        onerror="imgError(this)"
        src="./img/soundoff.png?v=11"
        width="100%"
        class="soundoff"
      />
    </div>
    <div id="bodyWrapper">
      <div id="pageContainer" class="page-container swiper-container">
        <img
          onerror="imgError(this)"
          class="bgc-gif display-b"
          src="./img/flash_film.gif?v=11"
        />
        <!-- 第一页 -->
        <div class="page1 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/cat_bgc.gif?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="title display-b"
            src="./img/page_1_title.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page1-no1 display-b"
            src="./img/page_1_no1.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
          <div id="sequence">
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00000.png?v=11"
              data-src="./img/sequence/618_00000.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00001.png?v=11"
              data-src="./img/sequence/618_00001.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00002.png?v=11"
              data-src="./img/sequence/618_00002.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00003.png?v=11"
              data-src="./img/sequence/618_00003.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00004.png?v=11"
              data-src="./img/sequence/618_00004.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00005.png?v=11"
              data-src="./img/sequence/618_00005.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00006.png?v=11"
              data-src="./img/sequence/618_00006.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00007.png?v=11"
              data-src="./img/sequence/618_00007.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00008.png?v=11"
              data-src="./img/sequence/618_00008.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00009.png?v=11"
              data-src="./img/sequence/618_00009.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00010.png?v=11"
              data-src="./img/sequence/618_00010.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00011.png?v=11"
              data-src="./img/sequence/618_00011.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00012.png?v=11"
              data-src="./img/sequence/618_00012.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00013.png?v=11"
              data-src="./img/sequence/618_00013.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00014.png?v=11"
              data-src="./img/sequence/618_00014.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00015.png?v=11"
              data-src="./img/sequence/618_00015.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00016.png?v=11"
              data-src="./img/sequence/618_00016.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00017.png?v=11"
              data-src="./img/sequence/618_00017.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00018.png?v=11"
              data-src="./img/sequence/618_00018.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00019.png?v=11"
              data-src="./img/sequence/618_00019.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00020.png?v=11"
              data-src="./img/sequence/618_00020.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00021.png?v=11"
              data-src="./img/sequence/618_00021.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00022.png?v=11"
              data-src="./img/sequence/618_00022.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00023.png?v=11"
              data-src="./img/sequence/618_00023.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00024.png?v=11"
              data-src="./img/sequence/618_00024.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00025.png?v=11"
              data-src="./img/sequence/618_00025.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00026.png?v=11"
              data-src="./img/sequence/618_00026.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00027.png?v=11"
              data-src="./img/sequence/618_00027.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00028.png?v=11"
              data-src="./img/sequence/618_00028.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00029.png?v=11"
              data-src="./img/sequence/618_00029.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00030.png?v=11"
              data-src="./img/sequence/618_00030.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00031.png?v=11"
              data-src="./img/sequence/618_00031.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00032.png?v=11"
              data-src="./img/sequence/618_00032.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00033.png?v=11"
              data-src="./img/sequence/618_00033.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00034.png?v=11"
              data-src="./img/sequence/618_00034.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00035.png?v=11"
              data-src="./img/sequence/618_00035.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00036.png?v=11"
              data-src="./img/sequence/618_00036.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00037.png?v=11"
              data-src="./img/sequence/618_00037.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00038.png?v=11"
              data-src="./img/sequence/618_00038.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00039.png?v=11"
              data-src="./img/sequence/618_00039.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00040.png?v=11"
              data-src="./img/sequence/618_00040.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00041.png?v=11"
              data-src="./img/sequence/618_00041.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00042.png?v=11"
              data-src="./img/sequence/618_00042.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00043.png?v=11"
              data-src="./img/sequence/618_00043.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00044.png?v=11"
              data-src="./img/sequence/618_00044.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00045.png?v=11"
              data-src="./img/sequence/618_00045.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00046.png?v=11"
              data-src="./img/sequence/618_00046.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00047.png?v=11"
              data-src="./img/sequence/618_00047.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00048.png?v=11"
              data-src="./img/sequence/618_00048.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00049.png?v=11"
              data-src="./img/sequence/618_00049.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00050.png?v=11"
              data-src="./img/sequence/618_00050.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00051.png?v=11"
              data-src="./img/sequence/618_00051.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00052.png?v=11"
              data-src="./img/sequence/618_00052.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00053.png?v=11"
              data-src="./img/sequence/618_00053.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00054.png?v=11"
              data-src="./img/sequence/618_00054.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00055.png?v=11"
              data-src="./img/sequence/618_00055.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00056.png?v=11"
              data-src="./img/sequence/618_00056.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00057.png?v=11"
              data-src="./img/sequence/618_00057.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00058.png?v=11"
              data-src="./img/sequence/618_00058.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00059.png?v=11"
              data-src="./img/sequence/618_00059.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00060.png?v=11"
              data-src="./img/sequence/618_00060.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00061.png?v=11"
              data-src="./img/sequence/618_00061.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00062.png?v=11"
              data-src="./img/sequence/618_00062.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00063.png?v=11"
              data-src="./img/sequence/618_00063.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00064.png?v=11"
              data-src="./img/sequence/618_00064.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00065.png?v=11"
              data-src="./img/sequence/618_00065.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00066.png?v=11"
              data-src="./img/sequence/618_00066.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00067.png?v=11"
              data-src="./img/sequence/618_00067.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00068.png?v=11"
              data-src="./img/sequence/618_00068.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00069.png?v=11"
              data-src="./img/sequence/618_00069.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00070.png?v=11"
              data-src="./img/sequence/618_00070.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
            <img
              onerror="imgError(this)"
              src="./img/sequence/618_00071.png?v=11"
              data-src="./img/sequence/618_00071.png?v=11"
              class="img-618 display-b"
              onload="load618Image(this)"
            />
          </div>
        </div>
        <!-- /第一页 -->

        <!-- 第二页 -->
        <!-- <div class="page2 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="title display-b"
            src="./img/page_2_title.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="meow display-b"
            src="./img/page_2_meow.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="no1 display-b"
            src="./img/page_2_no1.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
        </div> -->
        <!-- /第二页 -->

        <!-- 第三页 -->
        <div class="page3 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            src="./img/flower.png?v=11"
            class="flower"
          />
          <div class="page3-loop">
            <div class="loop-wrapper">
              <div class="loop-wrapper-item loop-wrapper-1">
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop1.png?v=11"
                  />
                </div>
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop2.png?v=11"
                  />
                </div>
              </div>
            </div>
          </div>
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
        </div>
        <!-- /第三页 -->

        <!-- 第三（一）页 -->
        <div class="page3 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            src="./img/flower.png?v=11"
            class="flower"
          />

          <div class="page3-loop">
            <div class="loop-wrapper">
              <div class="loop-wrapper-item loop-wrapper-1">
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop3.png?v=11"
                  />
                </div>
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop4.png?v=11"
                  />
                </div>
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop5.png?v=11"
                  />
                </div>
              </div>
            </div>
          </div>
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
        </div>
        <!-- 第三（一）页 -->

        <!-- 第三（二）页 -->
        <div class="page3 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            src="./img/flower.png?v=11"
            class="flower"
          />

          <div class="page3-loop">
            <div class="loop-wrapper">
              <div class="loop-wrapper-item loop-wrapper-1">
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop6.png?v=11"
                  />
                </div>
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop7.png?v=11"
                  />
                </div>
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop8.png?v=11"
                  />
                </div>
                <div class="loop-item">
                  <img
                    onerror="imgError(this)"
                    src="./img/page_3_loop9.png?v=11"
                  />
                </div>
              </div>
            </div>
            <img
              onerror="imgError(this)"
              class="arrow-up"
              src="./img/arrow_up.png?v=11"
            />
          </div>
        </div>
        <!-- 第三（二）页 -->

        <!-- 第四页 -->
        <div class="page4 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            src="./img/flower.png?v=11"
            class="flower"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="logo-list display-b"
            src="./img/page_4_logo_list.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
        </div>
        <!-- /第四页 -->

        <!-- 第九页SKU -->
        <div class="page9 swiper-slide swiper1">
          <div class="swiperH-button-prev">
            <img
              onerror="imgError(this)"
              src="./img/left.png?v=11"
              class="page9-left-arrow"
            />
          </div>
          <div class="swiperH-button-next">
            <img
              onerror="imgError(this)"
              src="./img/right.png?v=11"
              class="page9-right-arrow"
            />
          </div>
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
          <div id="page9Swiper" class="swiper-container-h">
            <div class="swiper-wrapper-h wrapper5 sku-container">
              <div class="swiper-slide-h swiper5">
                <div class="image1 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="img"
                    src="./img/sku/1.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="title"
                    src="./img/sku/1.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image2 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="img"
                    src="./img/sku/2.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="title"
                    src="./img/sku/2.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image3 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="img"
                    src="./img/sku/3.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="title"
                    src="./img/sku/3.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image4 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="img"
                    src="./img/sku/4.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="title"
                    src="./img/sku/4.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image5 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/5.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/5.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image6 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/6.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/6.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image7 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/7.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/7.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image8 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/8.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/8.png?v=11"
                  />
                </div>
              </div>

              <div class="swiper-slide-h swiper5">
                <div class="image9 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/9.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/9.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image10 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/10.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/10.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image11 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/11.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/11.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image12 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/12.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/12.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image13 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/13.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/13.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image14 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/14.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/14.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image15 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/15.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/15.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image16 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/16.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/16.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image17 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/17.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/17.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image18 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/18.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/18.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image19 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/19.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/19.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image20 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img img20"
                    src="./img/sku/20.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/20.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image21 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/21.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/21.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image22 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/22.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/22.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image23 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/23.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/23.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image24 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/24.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/24.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image25 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/25.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/25.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image26 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img"
                    src="./img/sku/26.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/26.png?v=11"
                  />
                </div>
              </div>
              <div class="swiper-slide-h swiper5">
                <div class="image27 imageContainer">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy img img27"
                    src="./img/sku/27.jpg?v=11"
                  />
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy title"
                    src="./img/sku/27.png?v=11"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 第九页 -->

        <!-- 第五页 -->
        <div class="page5 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="title display-b"
            src="./img/page_5_title.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
          <div class="page5-left">
            <img
              onerror="imgError(this)"
              src="./img/left.png?v=11"
              class="page5-left-arrow"
            />
          </div>
          <div class="page5-right">
            <img
              onerror="imgError(this)"
              src="./img/right.png?v=11"
              class="page5-right-arrow"
            />
          </div>
          <div class="shadow-wrapper">
            <img
              onerror="imgError(this)"
              class="shadow"
              src="./img/shadow.png?v=11"
            />
            <div id="page5Swiper" class="swiper-container">
              <div class="swiper-wrapper wrapper5 start-image-container">
                <div class="swiper-slide swiper5">
                  <img onerror="imgError(this)" src="./img/start/1.png?v=11" />
                </div>
                <div class="swiper-slide swiper5">
                  <img onerror="imgError(this)" src="./img/start/2.png?v=11" />
                </div>
                <div class="swiper-slide swiper5">
                  <img onerror="imgError(this)" src="./img/start/3.png?v=11" />
                </div>
                <div class="swiper-slide swiper5">
                  <img onerror="imgError(this)" src="./img/start/4.png?v=11" />
                </div>
                <div class="swiper-slide swiper5">
                  <img onerror="imgError(this)" src="./img/start/5.png?v=11" />
                </div>
                <div class="swiper-slide swiper5">
                  <img onerror="imgError(this)" src="./img/start/6.png?v=11" />
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/7.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/8.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/9.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/10.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/11.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/12.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/13.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/14.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/15.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/16.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/17.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/18.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/19.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/20.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/21.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/22.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/23.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/24.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/25.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/26.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/27.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/28.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/29.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/30.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/31.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/32.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/33.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
                <div class="swiper-slide swiper5">
                  <img
                    onerror="imgError(this)"
                    class="swiper-lazy"
                    data-src="./img/start/34.png?v=11"
                  />
                  <div
                    class="swiper-lazy-preloader swiper-lazy-preloader-white"
                  ></div>
                </div>
              </div>
            </div>
          </div>
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
        </div>
        <!-- /第五页 -->

        <!-- 第六页 -->
        <div class="page6 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b img"
            src="./img/bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b img"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="title display-b img"
            src="./img/page_6_title.png?v=11"
          />
          <div id="page6Swiper">
            <img
              onerror="imgError(this)"
              class="mobile img"
              src="./img/page_6_mobile.png?v=11"
            />
            <div class="img-item">
              <img
                src="./img/start.png?v=11"
                id="video-btn"
                onerror="imgError(this)"
              />
              <img
                src="./img/618.png?v=11"
                id="liveImg"
                onerror="imgError(this)"
              />
              <video
                src="./video/618.mp4?v=11"
                id="live-broadcast"
                poster="./video/618.mp4?v=11"
                webkit-playsinline="true"
                playsinline="true"
                x5-video-player-type="h5"
                x5-video-orientation="portraint"
              ></video>
            </div>
          </div>
          <img
            onerror="imgError(this)"
            class="arrow-up img"
            src="./img/arrow_up.png?v=11"
          />
        </div>
        <!-- /第六页 -->

        <!-- 第七页 -->
        <div class="page7 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="page7-bgc-gif display-b"
            src="./img/page7_flash_film.gif?v=11"
          />
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/page7_bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="title display-b"
            src="./img/page_7_title.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="box display-b"
            src="./img/page_7_box.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="arrow-up"
            src="./img/arrow_up.png?v=11"
          />
        </div>
        <!-- /第七页 -->

        <!-- 第八页 -->
        <div class="page8 swiper-slide swiper1">
          <img
            onerror="imgError(this)"
            class="bgc display-b"
            src="./img/end_bgc.jpg?v=11"
          />
          <img
            onerror="imgError(this)"
            class="page-logo display-b"
            src="./img/top_logo.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="title display-b"
            src="./img/page_8_title.png?v=11"
          />
          <img
            onerror="imgError(this)"
            class="text-618 display-b"
            src="./img/end_flower.png?v=11"
          />
        </div>
        <!-- /第八页 -->
      </div>
    </div>
  </body>
</html>
